<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>C&YLIFE |</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Font Awesome -->
<link rel="stylesheet" href="css/fontawesome-free/css/all.min.css">
<!-- Ionicons -->
<link rel="stylesheet"
	href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link
	href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700"
	rel="stylesheet">
<!-- jQuery -->
<script src="js/jquery/jquery.min.js" type="text/javascript"
	charset="utf-8"></script>
<!-- Bootstrap 4 -->
<script src="js/bootstrap/bootstrap.bundle.min.js"
	type="text/javascript" charset="utf-8"></script>
<!-- AdminLTE App -->
<script src="js/adminlte.min.js" type="text/javascript" charset="utf-8"></script>
<!-- AdminLTE for demo purposes -->
<script src="js/demo.js" type="text/javascript" charset="utf-8"></script>
<!-- 导入我自己的写的js -->
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="hold-transition sidebar-mini layout-boxed">
	<!-- Site wrapper -->
	<div class="wrapper">
		<!-- Navbar -->
		<nav
			class="main-header navbar navbar-expand navbar-white navbar-light">
			<!-- Left navbar links -->
			<ul class="navbar-nav">
				<li class="nav-item"><a class="nav-link" data-widget="pushmenu"
					href="#"><i class="fas fa-bars"></i></a></li>
				<li class="nav-item d-none d-sm-inline-block"><a href="index."
					class="nav-link">Home</a></li>
			</ul>

			<!-- SEARCH FORM -->
			<form class="form-inline ml-3">
				<div class="input-group input-group-sm">
					<input class="form-control form-control-navbar" type="search"
						placeholder="Search" aria-label="Search">
					<div class="input-group-append">
						<button class="btn btn-navbar" type="submit">
							<i class="fas fa-search"></i>
						</button>
					</div>
				</div>
			</form>

			<!-- Right navbar links -->
			<ul class="navbar-nav ml-auto">
				<!-- Messages Dropdown Menu -->
				<!-- Notifications Dropdown Menu -->
				<li class="nav-item"><a class="nav-link"
					data-widget="control-sidebar" data-slide="true" href="#"> <i
						class="fas fa-th-large"></i>
				</a></li>
			</ul>
		</nav>
		<!-- /.navbar -->

		<!-- Main Sidebar Container -->
		<aside class="main-sidebar sidebar-dark-primary elevation-4">
			<!-- Brand Logo -->
			<a href="../../index3.html" class="brand-link"> <img
				src="img/AdminLTELogo.png" alt="AdminLTE Logo"
				class="brand-image img-circle elevation-3" style="opacity: .8">
				<span class="brand-text font-weight-light">人生有限公司</span>
			</a>

			<!-- Sidebar -->
			<div class="sidebar">
				<!-- Sidebar user (optional) -->
				<div class="user-panel mt-3 pb-3 mb-3 d-flex">
					<div class="image">
						<img src="img/userY-160x160.jpg" class="img-circle elevation-2"
							alt="User Image">
					</div>
					<div class="info">
						<a href="#" class="d-block">姚志炜</a>
					</div>
				</div>

				<!-- Sidebar Menu -->
				<nav class="mt-2">
					<ul class="nav nav-pills nav-sidebar flex-column"
						data-widget="treeview" role="menu" data-accordion="false">
						<!-- Add icons to the links using the .nav-icon class with font-awesome or any other icon font library -->


						<!-- The first model -->
						<li class="nav-item has-treeview menu-open"><a href="#"
							onclick="focusMainSidebar(this)"
							class="mainSidebar nav-link active"> <i
								class="nav-icon fas fa-copy"></i>
								<p>
									账户模块 <i class="fas fa-angle-left right"></i>
								</p>
						</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="javascript:void(0);"
									onclick="focusBranchSidebar(this);showSearchByAccountId()"
									class="branchSidebar nav-link active"> <i
										class="far fa-circle nav-icon"></i>
										<p>id查询</p>
								</a></li>
								<li class="nav-item"><a href="javascript:void(0);"
									onclick="focusBranchSidebar(this);accountList(1)"
									class="branchSidebar nav-link"><i
										class="far fa-circle nav-icon"></i>
										<p>所有账户</p> </a></li>
							</ul></li>



						<!-- the second model -->
						<li class="nav-item has-treeview menu-open"><a href="#"
							onclick="focusMainSidebar(this)" class="mainSidebar nav-link">
								<i class="nav-icon fas fa-copy"></i>
								<p>
									功能模块 <i class="fas fa-angle-left right"></i>
								</p>
						</a>
							<ul class="nav nav-treeview">
								<li class="nav-item"><a href="javascript:void(0);"
									onclick="focusBranchSidebar(this);"
									class="branchSidebar nav-link"> <i
										class="far fa-circle nav-icon"></i>
										<p>上传文件</p>
								</a></li>
								<li class="nav-item"><a href="javascript:void(0);"
									onclick="focusBranchSidebar(this);"
									class="branchSidebar nav-link"><i
										class="far fa-circle nav-icon"></i>
										<p>下载文件</p> </a></li>
							</ul></li>
					</ul>
				</nav>
				<!-- /.sidebar-menu -->
			</div>
			<!-- /.sidebar -->
		</aside>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<div class="container-fluid">
					<div class="row mb-2">
						<div class="col-sm-6">
							<h1>展示界面</h1>
						</div>
					</div>
				</div>
				<!-- /.container-fluid -->
			</section>

			<!-- Main content -->
			<section class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-12">
							<!-- Default box -->
							<div class="card">
								<div class="card-header">
									<h3 class="card-title">账户信息</h3>

									<div class="card-tools">
										<button type="button" class="btn btn-tool"
											data-card-widget="collapse" data-toggle="tooltip"
											title="Collapse">
											<i class="fas fa-minus"></i>
										</button>
										<button type="button" class="btn btn-tool"
											data-card-widget="remove" data-toggle="tooltip"
											title="Remove">
											<i class="fas fa-times"></i>
										</button>
									</div>
								</div>
								<div class="card-body">
									<div id="account-div">
										<div class="input-group mb-3" style="width: 400px;">
											<input type="text" class="form-control" name="accountId"
												placeholder="请输入想查询的账户Id" id="accountId" />
											<div class="input-group-append">
												<button class="btn btn-outline-secondary" type="button"
													id="accountById-button" onclick="accountByAccountId()">查询</button>
											</div>
										</div>
									</div>
								</div>
								<!-- /.card-body -->
								<div class="card-footer">
									<div id="pageButtonGroup" style="text-align: center">
										<div class="btn-group mr-2" id="pageButton" role="group">
											<button type="button" class="btn btn-secondary" onclick="">1</button>
										</div>
									</div>
								</div>
								<!-- /.card-footer-->
							</div>
							<!-- /.card -->
						</div>
					</div>
				</div>
			</section>
			<!-- /.content -->
		</div>
		<!-- /.content-wrapper -->

		<footer class="main-footer">
			<div class="float-right d-none d-sm-block">
				<b>Version</b> 1.0.0 beta
			</div>
			<strong>Copyright &copy; 2018-2097 C&YLIFE</strong> All rights
			reserved.
		</footer>

		<!-- Control Sidebar -->
		<aside class="control-sidebar control-sidebar-dark">
			<!-- Control sidebar content goes here -->
		</aside>
		<!-- /.control-sidebar -->
	</div>
	<!-- ./wrapper -->
</body>
</html>
